<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>QQ音乐·简化版首页</title>
  <link rel="stylesheet" href="styles/music.css">
</head>
<body>
  <header>
    <div class="header-inner">
      <img src="imgs/qqmusic.png" alt="QQ音乐">
    </div>
  </header>

  <main>
    <!-- 歌单推荐 -->
    <section class="sec">
      <h2>歌单推荐</h2>
      <div class="playlist" id="playlist"></div>
    </section>

    <!-- 新歌首发 -->
    <section class="sec">
      <h2>新歌首发</h2>
      <div class="tag-list">
        <a href="#" class="tag-item tag-active">内地</a>
        <a href="#" class="tag-item">港台</a>
        <a href="#" class="tag-item">欧美</a>
        <a href="#" class="tag-item">韩国</a>
        <a href="#" class="tag-item">日本</a>
      </div>
      <div class="songlist" id="songlist"></div>
    </section>

    <!-- 精选MV -->
    <section class="sec">
      <h2>精选MV</h2>
      <div class="mvlist" id="mvlist"></div>
    </section>
  </main>

  <footer></footer>
  <script src="scripts/main.js"></script>
</body>
</html>